<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js\jquery-3.4.1.min.js"></script>
    <style>
        /* div.jiji{
            width: 200px;
            height: 400px;
            background-color: aqua;
        }
        div#pw1,#pw2,#pw3
        {
            width: 2000px;
            height: 900px;
        }
        #pw1{
            background-image: url(img/1.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            
        }
        #pw2{
            background-image: url(img/2.jpg);
            background-repeat: no-repeat;
            background-size: cover;
           
        }
        #pw3{
            background-image: url(img/3.jpg);
            background-repeat: no-repeat;
            background-size: cover; 
    }*/
        #listening{
            width: 300px;
            height: 300px;
            color: aqua;
            background-color: aqua;
        }    
        
    </style>
</head>
<body >
    <!--  <p id="p1">哈哈</p>
    <h4 name="one">嘻嘻嘻嘻嘻</h4>
    <br>
    <p>呜呜呜呜</p>
    <p>莎莎</p>
    <h4 class="two">理财</h4>
    <h4 class="two">理财冲冲冲<a href="">pppp</a></h4>
    <h6 id="thr">发发发</h6>
    <h6 id="thr" style="color: aqua;"><a href="">鬼谷UI个IG个iiiiiuu</a>喵喵买哦</h6>
    <div class="jiji">
        你好
        //js控制变大变小
    </div>
    <button onclick="test1()">变大</button>
    <button onclick="test2()">变小</button> -->
    <!-- js控制图像背景改变 -->
   <!-- <div id="pw1"> 
    <button onclick="test3()">天空</button>
    <button onclick="test4()">湖泊</button>
    <button onclick="test5()">抽象</button>
</div> -->
<!-- 监听事件,监听按键控制盒子移动 -->
 <!-- <div id="listening">
aaaaa
 </div>
     -->

</body>
<script>
// /*1.id选择器*/
//     let b=document.getElementById('p1')
//     console.log(b.innerText)
// /*2.name选择器,返回值为数组，若用于单标签如input，要访问的是b2[0].value*/  
//     let b2=document.getElementsByName('one')
//     console.log(b2[0].innerText)
// /*3.标签选择器，获取所有的xxx标签，返回值是一个数组*/
//     let b3=document.getElementsByTagName('p')
//     console.log(b3[1].innerText)
// /*4.类选择器，返回一个数组*/
//     let b4=document.getElementsByClassName('two')
//     console.log(b4[1].innerText)
// /*5.css选择器*/
//     let s=document.querySelectorAll(".two a")//获取类名为two的标签中含有的所有a标签
//     let s2=document.querySelectorAll("#thr a") //获取id为thr的标签中含有的所有a标签
//     let s3=document.querySelectorAll("p") //获取为所有的p标签
//     let s4=document.querySelectorAll(".two") //获取类名two的标签
//     let s5=document.querySelectorAll("#thr") //获取id名为thr的标签
//     console.log(s5[0].innerHTML)//拿到第一个a元素的内部含有标签HTML结构，若用inner.Text只能获取到纯文本
//     /*直观控制div盒子的大小*/
//     let num=200;
//     let num2=400;
//     let dv=document.getElementsByTagName("div")[0]
//     function test1()
//     {
//         num+=100//num小于原div大小第一次点击时会缩小是因为原来的大小已经大于这个尺寸重赋值时会缩小，最好还是num与原图形的大小一致或定义两个变量控制宽高
//         num2+=100
//         dv.style.width=num+'px'
//         dv.style.height=num2+'px'

//     }
//     function test2()
//     {
//         num-=100
//         num2-=100
//         dv.style.width=num+'px'
//         dv.style.height=num2+'px'

//     } -->

// let po=document.getElementById("pw1")
// function test3()
// {
//     po.id="pw1"
// }
// function test4()
// {
//     po.id="pw2"
// }
// function test5()
// {
//     po.id="pw3"
// }
//控制盒子移动
// let m=document.getElementById('listening')
// let x=0;
// let y=0;
// document.addEventListener("keydown",function(e)//s识别按键

// {
//     if(e.key=='o')
// {
//     m.style.marginTop=y+'px'
//     y-=100
    
// }
//     if(e.key=='u')
// {
//    m.style.marginTop=y+'px'
//     y+=100

// }

//     if(e.key=='l')
// {
//     m.style.marginLeft=x+'px'
//     x-=100
// }

//     if(e.key=='r')
// {   
//     m.style.marginLeft=x+'px'
//     x+=100
// } 
    
// if(e.key=='s')
// {   
   
//     document.write('游戏结束')
// }
// }
// )
//杨辉三角
// function ct(m,n)
// {
//     if(n==0)
// {
//     return 1;
// }
//     else if(n==m)
// {
//     return 1;
// }
// else
// {
//     return(ct(m-1,n)+ct(m-1,n-1));
// }
// }
// function put(len)
// {
//     for(let i=0;i<len;i++)
// {
//     for(let k=len-i;k>0;k--)
// {
//     document.write('&nbsp;&nbsp;')
// }
// for(let j=0;j<=i;j++)
// {
//     document.write(ct(i,j)+'&nbsp;&nbsp;')
// }
//     document.write('<br/>')
// }
// }
// var num=window.prompt('请输入第一个数字：')
// put(num);
//输出元素的最小到控制台
// let arry=['23','90','45','78','12'];
// let max=arry[0];
// for(let  i=1;i<arry.length;i++)
// {
//     if(arry[i]>max)
// {
//     max=arry[i]
// }
// }
// console.log('最大值为'+max)
// //排序数组

// for(let i=0;i<arry.length;i++)
// {
//     let max2=arry[i]
//     if(arry[i+1]>max2)
// {
//     let d=arry[i]
//     arry[i]=arry[i+1]
//     arry[i+1]=d
// }
// }
// for(let i=0;i<arry.length;i++)
// {
//     console.log(arry[i]);
// }
//乘法函数
// function cjf(a,b)
// {
//     console.log('两数乘积为'+(a*b))

// }
// let a=Number(prompt("请输入第一个数字："));
// let b=Number(prompt("请输入第二个数字："));
// cjf(a,b)

</script>
</html>